<template>
	<view class="container">
		<view class="item">
			<view class="item-title">平台单号：</view>
			<view class="item-text">{{reserveObj.platform_code}}</view>
		</view>
		<view class="item">
			<view class="item-title">达人：</view>
			<view class="item-text">{{reserveObj.celebrity_name}}</view>
		</view>
		<view class="item">
			<view class="item-title">支付时间：</view>
			<view class="item-text">{{reserveObj.pay_time}}</view>
		</view>
	</view>
</template>

<script>
	import noData from '@/components/littleu-no-data/no-data.vue'
	export default {
		props: {
			reserveObj: Object
		},
		methods: {
			onItemClick(id){
				this.$emit('itemClick',{id})
			},
			onShipClick(id){
				this.$emit('shipClick',{id})
			}
		}
	}
</script>

<style lang="scss">
	.item {
		width: 710rpx;
		margin: 20rpx auto;
		border-radius: 16rpx;
		background-color: #fff;
		display: flex;
		flex-direction: column;
		font-size: 24rpx;
		color: #999;
	}

	.top {
		width: 670rpx;
		margin: 0 auto;
		line-height: 80rpx;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
	.mid{
		width: 670rpx;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.img {
		width: 180rpx;
		height: 180rpx;
		margin-right: 20rpx;
		border-radius: 12rpx;
	}

	.word {
		display: flex;
		flex-direction: column;
		line-height: 30rpx;
	}

	.title {
		color: #333;
		font-size: 28rpx;
	}
	.bottom {
		width: 670rpx;
		margin: 0 auto;
		line-height: 100rpx;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
	.bottom-words{
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	.bottom-item{
		margin-right: 20rpx;
	}
	.bottom-button{
		width: 140rpx;
		height: 60rpx;
		line-height: 60rpx;
		border-radius: 16rpx;
		text-align: center;
		background-color: $uni-color-primary;
		color: #fff;
	}

	.status-text {
		margin-right: 20rpx;
	}

	.green-status {
		color: #6EC2AE;
	}

	.blue-status {
		color: #007aff;
	}

	.red-status {
		color: #dd524d;
	}

	.gray-status {
		color: #999;
	}
	.status-button{
		width: 120rpx;
		height: 50rpx;
		line-height: 50rpx;
		text-align: center;
		background-color: #dd524d;
		color: #fff;
		margin-top: 20rpx;
	}
</style>
